<template>
  <div class="shoping">
    <div class="contents main clear_fix">
      <div
        class="con-left onlyfood"
        id="onlyfoods"
      >
        <div
          class="sort"
          id="sorts"
        >
          <div class="classify">
            <span>宠粮种类</span>
            <div class="classify-list">
              <a></a>
            </div>
          </div>
        </div>
        <!-- 宠粮商城开始 -->
        <div class="newlingyang">
          <div class="newtop">
            <h3>宠物粮食</h3>
            <div>
              <a
                href="javascript:;"
                class="petsFoodCart"
              >我的购物车</a><i class="icon-4-146 iconfont"></i><span id="currentCartNum">0</span>
            </div>
          </div>
          <div class="newbot">
            <!-- 查询出所有的商品 -->
            <!-- <div
              class="newlist"
              id="queryAllGoods"
            >
              <div class="list-left">
                <img
                  class="lazy"
                  src="ele.goods_photo"
                  id="foodDetails"
                >
              </div>
              <div class="list-right ">
                <h3>{{ele.goods_name}}</h3>
                <div class="alreadybuy ">
                  <u>￥{{ele.goods_price}}</u> <i class="discount ">折扣价￥{{(ele.goods_discount * ele.goods_price).toFixed(2)}}</i> <span>已售{{ele.goods_sell}}</span>
                </div>
                <div class="praise ">
                  <span>综合评价</span>
                  <i class="iconfont icon-xing "></i>
                  <i class="iconfont icon-xing "></i>
                  <i class="iconfont icon-xing "></i>
                  <i class="iconfont icon-xing "></i>
                  <i class="iconfont icon-xing "></i>
                </div> <a
                  class="addcart addcarts "
                  @click="addCart($event,ele.goods_id,ele.goods_photo)"
                >加入购物车</a>
              </div>
            </div> -->

            <!-- 通过类型查询商品
                        <div class="newlist" >
                            <div class="list-left">
                                <img class="lazy" :src="ele.goods_photo" @click="queryGoodsByid(ele.goods_id)" id="foodDetails">
                            </div>
                            <div class="list-right ">
                                <h3>{{ele.goods_name}}</h3>
                                <div class="alreadybuy ">
                                    <u>￥{{ele.goods_price}}</u> <i class="discount ">折扣价￥{{(ele.goods_discount * ele.goods_price).toFixed(2)}}</i> <span>已售{{ele.goods_sell}}</span>
                                </div>
                                <div class="praise ">
                                    <span>综合评价</span>
                                    <i class="iconfont icon-xing "></i>
                                    <i class="iconfont icon-xing "></i>
                                    <i class="iconfont icon-xing "></i>
                                    <i class="iconfont icon-xing "></i>
                                    <i class="iconfont icon-xing "></i>
                                </div> <a class="addcart addcarts " @click="addCart($event,ele.goods_id,ele.goods_photo)">加入购物车</a>
                            </div>
                        </div> -->

          </div>
        </div>
        <!-- 订单详情结束 -->
      </div>
      <right></right>
    </div>
  </div>
</template>
<script>
import right from '../../components/right'
export default {
  data: () => ({}),
  components:{
    right
  }
}
</script>
<style lang="scss" scoped>
</style>